﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="../jquery-easyui-1.4.3/jquery.min.js"></script>
    <script src="../jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/icon.css" rel="stylesheet" />
    <style type="text/css">
        #font-family {
        font-size:15px;
        }
    </style>
</head>
<body id="font-family">
    <table>
        <tr>
            <td>会员卡号：</td>
            <td><input id="Text1" type="text" class="easyui-textbox"/></td>
        </tr>
        <tr>
            <td>状态：</td>
            <td>
                <select id="State" style="width:100px;"></select>
                <div id="spState">
                    <div style="padding:10px;">
                        <input type="radio" name="State" value="正常" /><span>正常</span><br />
                        <input type="radio" name="State" value="异常" /><span>异常</span><br />
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><input id="Button1" type="button" value="&nbsp;&nbsp;修&nbsp;改&nbsp;&nbsp;"  class="easyui-linkbutton"/></td>
        </tr>
    </table>
    <script type="text/javascript">
        $(function () {
            $('#State').combo({
                required: true,
                editable: false
            });
            $('#spState').appendTo($('#State').combo('panel'));
            $('#spState input').click(function () {
                var v = $(this).val();
                var s = $(this).next('span').text();
                $('#State').combo('setValue', v).combo('setText', s).combo('hidePanel');
            })
        })
    </script>
</body>
</html>
